#tjek div.box {float:left;}

"#tjek" referere til et element med id "tjek"
"div" er et element.
og ".box" er en klasse.

Se nedestående

<div id="tjek">
    <div class="box">indhold</div>
</div>

# = det er en div
. = det er en class

Det er mere nogle regler så man hurtigt kan genkende hvad de forskellige ting er

Før i tiden skrev man bare tjek og ikke #tjek

oog Gnu var for hurtig

Ahaaa..
Betyder det med andre ord der skal findes en ydre Div med id tjek som så skal indeholde en div med klassen box ?

<div id="tjek">
<div class="box">indhold</div>
</div>


Er det overstående kode ikke samme som :

<div id="tjek" class="box">
indhold
</div>

Ikke nødvendigvis er det en div der er uden om...

det kan også være:

<table id="tjek">
    <tr>
        <td>
            <div class="box">
                indhold
            </div>
        </td>
    </tr>
</table>

Dine egne to eksempler er ikke ens, da du fjerner et element.

<div id="tjek" class="box">
indhold
</div>

For ovenstående vil den fulde CSS selector da være:
div#tjek.box {}

Men da id er en unik identifikationsstregn vil det generelt set være unødvendigt.

Jeg tror ikke det er muligt uden melllemrum at benytte selectors, altså er #id.klasse ugyldig, vil i hvert fald ikke virke i alle browsers.

/J

Taaaaaak Gnu